<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" th:href="@{/static/layui/css/layui.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/thesame.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/statistic/rightCon.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/statistic/popCss.css}" />
    <style>
        .emptyDiv{width: 100%;line-height: 100px;text-align: center;color: gray}
    </style>
</head>

<body class="layui-layout-body">
<div class="layui-body">
    <input type="hidden" id="pensionNo" th:value="${pensionNo}"/>
    <!-- 内容主体区域 -->
    <div class="add-title pad25px overflow">
        <p class="f18px left" th:text="${pensionName}+'-总览'"></p>
        <p class="right tips relative pr5px cursor">
            <span><img th:src="@{/static/img/icon_tips.png}" ></span>
            <em th:if="${message['unReadCount']}>0" style="display: block" id="messageCount" th:text="${message['unReadCount']}"></em>
            <em th:if="${message['unReadCount']}>0" style="display: none" id="messageCount" th:text="${message['unReadCount']}"></em>
        </p>
        <div class="prompt">
            <article class="prompt-arrow">
                <nav class="add-box-scroll">
                    <ul>
                        <li th:each="m:${message['nursingList']}"  th:class="${m['READ_STATUS']}==1?'gray' : '' "  th:text="${m['USER_NAME']}+'护理等级信息已更新'"></li>
                    </ul>
                </nav>
                <p class="prompt-btn textCenter cursor lh40px border-top1px">
                    <span>更多</span>
                    <img th:src="@{/static/img/select_arrow_down.png}" class="ml10px">
                </p>
            </article>
        </div>
    </div>
    <div class="new-add-box bgWhite box-shadows border-radius4">
        <div class="add-box-scroll">
            <div class="pad20px">
                <article class="border-radius4 box-shadows2 pad20px">
                    <h1 class="mb15px fb">床位统计</h1>
                    <nav class="pandect-con">
                        <ul class="bed-stat-dl">
                            <li class="border-radius4 border1px-ddd pad20px">
                                <dl>
                                    <dt><img th:src="@{/static/img/stat_01.png}" alt="">总床位数</dt>
                                    <dd class="green" id="totalBedCount">0</dd>
                                </dl>
                                <dl>
                                    <dt><img th:src="@{/static/img/stat_02.png}" alt="">总人数</dt>
                                    <dd class="green" id="totalUserCount">0</dd>
                                </dl>
                                <dl>
                                    <dt><img th:src="@{/static/img/stat_03.png}" alt="">空置数</dt>
                                    <dd class="green" id="emptyBedCount">0</dd>
                                </dl>
                                <dl>
                                    <dt><img th:src="@{/static/img/stat_04.png}" alt="">入住率</dt>
                                    <dd class="green" id="pensionRate">0</dd>
                                </dl>
                            </li>
                        </ul>
                    </nav>
                    <nav class="pandect-flex-width">
                        <ul id="pensionBuilding">
                        </ul>
                    </nav>
                </article>
                <article class="border-radius4 box-shadows2 pad20px mt20px">
                    <h1 class="mb15px fb">老人信息统计</h1>
                    <nav class="pandect-con">
                        <ul class="bed-stat-dl">
                            <li class="border-radius4 border1px-ddd pad20px">
                                <dl>
                                    <dt>总服务老人数</dt>
                                    <dd class="green" id="historyOldMan">0</dd>
                                </dl>
                                <dl>
                                    <dt>目前老人数</dt>
                                    <dd class="green" id="currentOldMan">0</dd>
                                </dl>
                            </li>
                        </ul>
                    </nav>
                    <nav class="pandect-con">
                        <ul class="mt20px mb20px">
                            <li class="border-radius4 border1px-ddd mr10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">性别比例</span></div>
                                <div class="data-width">
                                    <div id="sexDataContent" style="width: 100%; height: 200px; margin-bottom: 20px;"></div>
                                </div>
                            </li>
                            <li class="border-radius4 border1px-ddd ml10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">文化程度</span></div>
                                <div class="data-width">
                                    <div id="educationDataContent" style="width: 100%; height: 190px; margin-bottom: 20px;"></div>
                                </div>
                            </li>
                        </ul>
                    </nav>
                    <nav class="pandect-con">
                        <ul class="mt20px mb20px">
                            <li class="border-radius4 border1px-ddd mr10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">社保类型</span></div>
                                <div class="data-width">
                                    <div id="socialInsuranceDataContent" style="width: 100%; height: 180px; margin-bottom: 20px;"></div>
                                </div>
                            </li>
                            <li class="border-radius4 border1px-ddd ml10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">护理等级</span></div>
                                <div class="mr20px ml20px mb20px">
                                    <div class="data-width">
                                        <div id="nursingDataContent" style="width: 100%; height: 180px;"></div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </nav>
                    <nav class="pandect-con">
                        <ul>
                            <li class="border-radius4 border1px-ddd mr10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">长护险等级</span></div>
                                <div class="mr20px ml20px mb20px">
                                    <div class="data-width">
                                        <div id="assessmentDataContent" style="width: 100%; height: 330px;"></div>
                                    </div>
                                </div>
                            </li>
                            <li class="border-radius4 border1px-ddd ml10px">
                                <div class="overflow title-two-con pad20px"><span class="left f16px fb">年龄分布</span></div>
                                <nav class="mr20px ml20px mb20px overflow data-age">
                                    <ul>
                                        <li>
                                            <div class="data-width">
                                                <div id="manDataContent" style="width: 100%; height: 300px;"></div>
                                            </div>
                                            <div class="sex-man textRight">男<img th:src="@{/static/img/icon_man.png}" class="ml10px"></div>
                                        </li>
                                        <li>
                                            <p>60岁以下</p>
                                            <p>60-64岁</p>
                                            <p>65-69岁</p>
                                            <p>70-74岁</p>
                                            <p>75-79岁</p>
                                            <p>80-84岁</p>
                                            <p>85-89岁</p>
                                            <p>90-94岁</p>
                                            <p>95-99岁</p>
                                            <p>100岁及以上</p>
                                        </li>
                                        <li>
                                            <div class="data-width">
                                                <div id="womanDataContent" style="width: 100%; height: 300px;"></div>
                                            </div>
                                            <div class="sex-man"><img th:src="@{/static/img/icon_woman.png}" class="mr10px">女</div>
                                        </li>
                                    </ul>
                                </nav>
                            </li>
                        </ul>
                    </nav>
                </article>
                <article class="border-radius4 box-shadows2 pad20px mt20px">
                    <div class="money-time relative">
                        <h1 class="mb15px fb left">账务管理统计</h1>
                        <div class="right">
                            <p class="money-time-select" id="selectYear"></p>
                            <article class="money-time-art hidden" >
                                <div class="layui-tab layui-tab-child" style="margin: 0;">
                                    <div class="layui-form">
                                        <ul class="layui-tab-title">
                                            <li id="1" class="layui-this">按月</li>
                                            <li id="2">按年</li>
                                        </ul>
                                    </div>
                                    <div class="layui-tab-content">
                                        <div class="layui-tab-item layui-show">
                                            <div class="site-demo-laydate">
                                                <div class="layui-inline" id="test-month"></div>
                                            </div>
                                        </div>
                                        <div class="layui-tab-item">
                                            <div class="layui-inline" id="test-year"></div>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                    </div>
                    <div class="financial-con">
                        <article class="mr20px">
                            <div class="financial-div financial-div-one mb20px">
                                <div>
                                    <p>总费用（元）</p>
                                    <h1 id="TOTAL_FEE">0</h1>
                                </div>
                                <div class="two">
                                    <div>
                                        <div>
                                            <p>伙食费（元）</p>
                                            <h2 id="MEAL_FEE">0</h2>
                                        </div>
                                        <div>
                                            <p>床位费（元）</p>
                                            <h2 id="BED_FEE">0</h2>
                                        </div>
                                        <div>
                                            <p>护理费（元）</p>
                                            <h2 id="NURSING_FEE">0</h2>
                                        </div>
                                    </div>
                                    <div>
                                        <div>
                                            <p>长护险补贴（元）</p>
                                            <h2 id="ASSESSMENT_FEE">0</h2>
                                        </div>
                                        <div>
                                            <p>其他费用（元）</p>
                                            <h2 id="SPECIAL_FEE">0</h2>
                                        </div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                            <div class="financial-div financial-div-two">
                                <div>
                                    <p>总计实缴数（元）</p>
                                    <h1 id="totalPaymentAmount">0</h1>
                                </div>
                                <div>
                                    <div class="mar15px">
                                        <div id="paymentFeeContent" class="data-width">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <article>
                            <div class="overflow title-two-con pad20px">
                                <span class="left f18px fb">欠费情况</span>
                                <span onclick="queryAllOwningPayUser()" class="right f14px cursor">更多<img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                            </div>
                            <ul class="case-list" id="owningMoneyData">
                            </ul>
                        </article>
                    </div>
                </article>
                <article>
                    <nav class="pandect-con mt20px">
                        <ul>
                            <li class="border-radius4 box-shadows2 mr10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f20px fb">生日提醒</span>
                                </div>
                                <div class="layui-tab layui-tab-child" style="margin: 0;">
                                    <div class="layui-form pb20px">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this" id="currentMonthBirth"></li>
                                            <li id="nextMonthBirth"></li>
                                        </ul>
                                    </div>
                                    <div  class="layui-tab-content">
                                        <div class="layui-tab-item layui-show">
                                            <div class="layui-carousel" id="slide1" lay-filter="carofilter">
                                                <div id="birthContent" carousel-item>

                                                </div>
                                            </div>
                                            <div>
                                                <div class="overflow title-two-con pad20px">
                                                    <span class="left f18px fb">名单</span>
                                                    <span id="currentAllBirth" class="right f14px cursor">更多<img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                                </div>
                                                <ul id="userListUl" class="case-list border1px border-top0 ml20px mr20px mb20px">

                                                </ul>
                                            </div>
                                        </div>
                                        <div class="layui-tab-item">
                                            <div class="layui-carousel" id="slide2" lay-filter="carofilter">
                                                <div id="nextBirthContent" carousel-item>

                                                </div>
                                            </div>
                                            <div>
                                                <div class="overflow title-two-con pad20px">
                                                    <span class="left f18px fb">名单</span>
                                                    <span id="nextMoreBirth" class="right f14px cursor">更多<img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                                </div>
                                                <ul id="nextUserListUl" class="case-list border1px border-top0 ml20px mr20px mb20px">

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="border-radius4 box-shadows2 ml10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f18px fb">健康档案预警（48小时内）</span>
                                    <span onclick="queryAllHealthyArchiveData()" class="right f14px cursor">更多<img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                </div>
                                <div class="case-list-bgcolor">
                                    <ul id="healthyArchiveUl" class="case-list border1px border-top0 ml20px mr20px mb20px">
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </article>
                <article>
                    <nav class="pandect-con mt20px">
                        <ul>
                            <li class="border-radius4 box-shadows2 mr10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f20px fb">用药预警（7天预警）</span>
                                    <span onclick="moreMedicineInfo()" class="right f14px cursor">更多
                                        <img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                </div>
                                <div class="layui-tab layui-tab-child" style="margin: 0;">
                                    <div class="layui-form pb20px">
                                        <ul class="layui-tab-title alertUl">
                                            <li id="1" class="layui-this cursor">用量预警</li>
                                            <li id="2" class="cursor">有效期预警</li>
                                        </ul>
                                    </div>
                                    <div class="layui-tab-content ml20px mr20px mb20px">
                                        <div class="layui-tab-item layui-show">
                                            <nav id="medicineEndAlertUl" class="">

                                            </nav>
                                        </div>
                                        <div class="layui-tab-item">
                                            <nav id="medicineValidAlertUl" class="">

                                            </nav>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="border-radius4 box-shadows2 ml10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f18px fb">护理评估提醒（近1个月）</span>
                                    <span onclick="queryALLNursingAlertData()" class="right f14px cursor">更多
                                        <img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                </div>
                                <div class="case-list-bgcolor">
                                    <ul id="nursingAlertUl" class="case-list border1px border-top0 ml20px mr20px mb20px">

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </article>
                <article>
                    <nav class="pandect-con mt20px">
                        <ul>
                            <li class="border-radius4 box-shadows2 mr10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f18px fb">评估到期提醒（近一个月）</span>
                                    <span onclick="queryALLAssessmentAlertData()" class="right f14px cursor">更多
                                        <img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                </div>
                                <div class="case-list-bgcolor">
                                    <ul id="assessmentUl" class="case-list border1px border-top0 ml20px mr20px mb20px">

                                    </ul>
                                </div>
                            </li>
                            <li class="border-radius4 box-shadows2 ml10px">
                                <div class="overflow title-two-con pad20px">
                                    <span class="left f18px fb">合同到期提醒（近一个月）</span>
                                    <span onclick="queryALLContractAlertData()" class="right f14px cursor">更多
                                        <img th:src="@{/static/img/icon_right_arrow.png}" alt=""></span>
                                </div>
                                <div class="case-list-bgcolor">
                                    <ul id="contractUl" class="case-list border1px border-top0 ml20px mr20px mb20px">

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </article>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/static/js/jquery-2.1.3.min.js}"></script>
<script th:src="@{/static/js/basePath.js}"></script>
<script th:src="@{/static/layui/layui.js}"></script>
<script th:src="@{/static/js/echarts.min.js}"></script>
<script th:src="@{/static/js/pensionInstitutions.js}"></script>
</body>
</html>
